<template>
	<div>
		<el-dialog title="查看" :visible.sync="dialogVisible" width="70%">
			<el-form ref="form" label-width="auto">
				<el-row>
					<el-col :span="6">
						<el-form-item label="事件发生日期">
							{{ infoData.happenTime || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="事件名称">
							{{ infoData.eventName || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="预警详情">
							{{ infoData.tipDetails || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="告警照片">
							<el-image
								style="width: 100px; height: 100px; cursor: pointer;margin-top: 12px;"
								:src="infoData.picUrlRect"
								fit="cover"
								:preview-src-list="[infoData.picUrlRect]"
							></el-image>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="处置状态">
							{{ infoData.handleStatusStr || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="处置时间">
							{{ infoData.handleTime || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="处置方法">
							{{ infoData.handleMethod || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="处置人">
							{{ infoData.handlePerson || "--" }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="监控点名称">
							{{ infoData.name || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="许可证">
							{{ infoData.newlicenseno || "--" }}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="单位名称">
							{{ infoData.unitname || "--" }}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="24">
						<el-form-item label="处置照片">
							<div v-if="this.infoData.picArr">
								<el-image
									v-for="item in infoData.picArr"
									:key="item"
									style="width: 100px; height: 100px; cursor: pointer;margin-top: 12px;margin-right: 12px;"
									:src="item"
									fit="cover"
									:preview-src-list="infoData.picArr"
								></el-image>
							</div>
							<div v-else>
								--
							</div>
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>

			<span slot="footer" class="dialog-footer">
				<el-button @click="dialogVisible = false">关 闭</el-button>
			</span>
		</el-dialog>
	</div>
</template>
<script>
export default {
	name: "",
	props: {},
	// 组件
	components: {},
	data() {
		return {
			dialogVisible: false,

			infoData: { picArr: [] },
		};
	},
	// 监听属性
	watch: {},
	// 计算属性
	computed: {},
	// 页面加载
	created() {},
	// 页面加载完成
	mounted() {},
	// 实例销毁之前
	beforeDestroy() {},
	// 实例销毁后
	destroyed() {},
	// 方法
	methods: {
		handleOpen(data) {
			this.infoData = data;
			if (data.handleFileUrl != "") {
				this.infoData.picArr = data.handleFileUrl.split(";");
			}

			this.dialogVisible = true;
		},
	},
};
</script>
<style lang="scss" scoped></style>
